<template>
  <div class="order">
    <div class="me_style">
      <span>一枚原味酸奶</span><span><span class="order_num">x1</span><span>￥18.0</span></span></div>
    <div class="me_style"><span>一枚原味酸奶</span><span><span class="order_num">x1</span><span>￥18.0</span></span></div>
    <div class="me_style"><span>红牛</span><span><span class="order_num">x1</span><span>￥18.0</span></span></div>
    <div class="me_style"><span>2017-12-25 12:23:21</span><span><span class="order_num">x4</span><span>￥18.0</span></span></div>
  </div>
</template>

<script type="text/ecmascript-6">
    export default{
        data () {
            return {}
        },
    }
</script>

<style scoped>
  .order{
    width: 100%;
    height: 100%;
    padding-top: 0.625rem;
    background-color: #EFEFEF;
  }
  .me_style{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2.75rem;
    font-size: 0.875rem;
    font-family:PingFangSC-Regular;
    padding: 0px 0.9375rem 0px 1.875rem;
    border-bottom: 1px solid #f8f8f8;
    background-color: #FFFFFF;
  }
  .me_style span:nth-child(1){
    font-size: 0.8125rem;
  }
.order_num{
  margin-right: 3.84375rem;
}
</style>
